<template>
  <MenuLayout>
    <template #content>
       <router-view></router-view> <!-- 用于展示子路由内容 -->
    </template>
  </MenuLayout>
</template>
<script>
import MenuLayout from '@/components/MenuLayout'
import BaseInfo from './components/BaseInfo'
import PayAuth from './components/PayAuth'
import SecuritySetting from './components/SecuritySetting'
export default {
  data() {
    return {
      activeName: 'base'
    }
  },
  components: {
    MenuLayout,
    BaseInfo,
    PayAuth,
    SecuritySetting
  },
  created() {    

  },
  methods: {
    goToPayAuth() {
      this.activeName = 'pay'
    },
    goToBaseInfo() {
      this.activeName = 'base'
    }
  }
}
</script>

<style scoped lang="scss">
@import "@/assets/css/element-variables";

:deep(.el-tabs__nav-scroll) {
  padding-left: 40px;
}

:deep(.el-tabs--border-card .el-tabs__nav-scroll) {
  padding-left: 0;
}

:deep(.el-tabs__item.is-active) {
  font-weight: bold;
}

:deep(.el-tabs__active-bar) {
  background-color: $--color-primary;
}

:deep(.el-tabs__content) {
    height: calc(100% - 65px);
    overflow: auto;
}

:deep(.el-tab-pane) {
  height: 100%;
}
</style>
